<!DOCTYPE html>
<html>
    <head>
        
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" type="text/css" href="Estilos/misEstilos.css">
        <title>Welcome</title>
        <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
        <script type="text/javascript" src="javascript/visual.js"></script>
        <script type="text/javascript" src="ajax/ajax.js"></script>
        <script language="javascript" src="javascript/AjaxUpload.2.0.min.js"></script>
        
        <link href="jquery/jquery-ui-1.8.20.custom/css/redmond/jquery-ui-1.8.20.custom.css" type="text/css" rel="stylesheet"/>
                
        
        <script type="text/javascript" src="jquery/jquery-ui-1.8.20.custom/js/jquery-1.7.2.js"></script>
        <script type="text/javascript" src="jquery/jquery-ui-1.8.20.custom/development-bundle/ui/jquery-ui-1.8.20.custom.js"></script>
        <script src="../ckeditor/ckeditor.js"></script>
        
        
        
        <script type="text/javascript">
            
            
            $(function() {
		$( "#tabsJ" ).tabs();
                
                $( "#tabsA" ).tabs();
            });
            
        </script>
                
        
        <script type="text/javascript">
            
           
            function login(){
                
                if(document.getElementById("isLogin").value == "0"){
                    document.getElementById("administrador").style.display = "block";
                    document.getElementById("isLogin").value = "1";
                }
                else{
                    document.getElementById("administrador").style.display = "none";
                    document.getElementById("isLogin").value = "0";
                }
                
            }
      
        </script>
        
        <script type="text/javascript">
            
         
        
        function contactanos(){
            document.getElementById("panel").style.display = "none";
           // document.getElementById("contacto").style.display ="block";
          document.getElementById("sucursal1").style.display ="block";
            
        }
        
        function ocultarCont(){
             document.getElementById("panel").style.display = "block";
           // document.getElementById("contacto").style.display ="block";
          document.getElementById("sucursal1").style.display ="none";
        }
        
        
        
        
        
	</script>
        
        
        
        
    </head>
        
    <body onload="load2()">
    <input type="hidden" id="isLogin" value="0"/>
    
        <header>
            <div id="bienvenida"></div>
            <div id="imagenLasTias" ><img src="Imagenes/LasTiaspng22.png" alt="postit" /></div>
        <div id="loginimg"><img src="Imagenes/adm.png" onclick="login()" alt="postit" /></div>
        
        <div id="administrador" style="display: none">
        <form action="" method="post" onsubmit="acceder(); return false">
            <table>
                
                <tr>
                    <td style="text-align: right; color: whitesmoke">Usuario</td>
                    <td>
                        <input type="text" id="usuario" name="usuario" size="20" >
                    </td>
                </tr>
                <tr>
                    <td style="color: whitesmoke">Contraseña</td>
                    <td>
                        <input type="password" id="password" name="password" size="20">
                    </td>
                </tr>
                <tr>
                    <td></td>
                    <td>
                        <input type="submit" value="Entrar">
                    </td>
                </tr>
                
                
            </table>
            </form>
            <div id="errores" style="display: none">
                <font style="color: red">usuario y contraseña erroneos!!</font>
                
            </div>

        </div>
        </header>
    
    <div id="tabsJ" style="overflow:scroll" >
        <ul>
                                        <!-- CSS Tabs -->
       <li ><a href="Presentacion.html"><span>Inicio</span></a></li>                                     
       <li ><a href="../controlador/ListaProductos.php?tipo=Desayuno" ><span>Desayunos</span></a></li>
       <li><a href="../controlador/ListaProductos.php?tipo=Almuerzo"  ><span >Almuerzos</span></a></li>
       <li><a href="../controlador/ListaProductos.php?tipo=Refresco"><span>Refrescos</span></a></li>
       <li><a href="../controlador/ListaProductos.php?tipo=Postre"><span>Postres</span></a></li>
       <li><a href="Contacto.html"><span>Contáctanos</span></a></li>
       <li><a href="QuienesSomos.html"><span>¿Quiénes sómos?</span></a></li>
       
       
        </ul>      
    </div>   
    
    
    <div id="tabsA" style="display: none ; overflow: scroll">
        <ul>
                                        <!-- CSS Tabs -->

       <li ><a href="AgregarProducto.html" ><span>Alta Productos</span></a></li>
       <li><a id="cons" href="ConsultarProducto.html" ><span>Consulta Productos</span></a></li>
             
        </ul>      
    </div>  

    
    

    <div id="banner"><marquee> <img src="Imagenes/Banner1.png" alt="banner" /> </marquee></div>
    <div id="banner2"><a href="http://www.cmr.ws/" ><img src="Imagenes/cmr.png" alt="cmr" /></a></div>
    <div id="facebook"><a href="http://www.facebook.com/" ><img src="Imagenes/facebook.png" alt="fcbk" /></a></div>
    <div id="twiter"><a href="http://www.twiter.com/" ><img src="Imagenes/twiter.png" alt="fcbk" /></a></div>
    <div id="google"><a href="https://plus.google.com/u/0/" ><img src="Imagenes/googleplus.png" alt="fcbk" /></a></div>
    <footer id="pie" style="text-align: center">
        Av. 7, Número 300, Colonia San Damian, Frente a la clinica La Ceiba,<br>
        Mérida, Yucatán, México, Tel.263 6900 CMR S.A.B. de C.V. <br>
        Las Tías &REG;        
         
    </footer>

</body>
</html>
